<template>
<div>
  <div v-for="(v,i) in this.$store.state.crr" :key="i" class="oop">
      <!-- <img src="/oimg/9.png" alt=""> -->
      <div class="time">
        <span class="name">匿名</span>
        <p>{{v.comment_time}} </p>
      </div> 
      <div class="commite">
        {{v.content}} 
      </div>
  </div>
</div>
  
</template>

<script>
export default {
    mounted(){
    this.$store.dispatch("axioslink",{url:"http://42.192.226.170:8000/api/show_comment/2/"})
  },
}
</script>

<style scoped> 
 .name{
   font-size: .17rem;
   color:black;
 }
 .time{
   font-size: .11rem;
   color: #b7b8b8;
 }
 .oop{
   margin-left: .5rem;
   font-size: .13rem;
   margin-top: .1rem;
 }
</style>